<template>
	<view>
		<uni-nav-bar :fixed="true" left-icon="back" title="提现明细" @clickLeft="leftBack" background-color="#318cff" color="#fff"></uni-nav-bar>
		<view class="dfj-pd-20">
			<block v-for="(item,index) in list">
				<view class="dfj-bg-white dfj-pd-lr-20 dfj-mg-b-20">
					<view class="dfj-pd-20 dfj-bd-b-e5e" v-if="item">
						<view class="dfj-t-999 dfj-flex dfj-flex-ai-c">
							<view class="dfj-flex-1">
								提现到{{ item.bankName }}
							</view>
							<view>{{ item.isState }}</view>
						</view>
						<view class="dfj-t-333 dfj-f-30 dfj-flex dfj-flex-ai-c">
							<view class="dfj-flex-1">(尾号{{ item.bankCardNo }})</view>
							<view>{{ item.money }}</view>
						</view>
					</view>
					
					<!-- <view class="dfj-pd-20">
						<uni-steps :options="[{title:'提交提现申请',desc:'2018-11-11'},{title:'审核通过',desc:'2018-11-12'}]" direction="column" :active="0"></uni-steps>
					</view> -->
					
				</view>
			</block>
			
		</view>
	</view>
</template>

<script>
	export default{
		data() {
			return {
				list: []
			}
		},
		onLoad() {
			this.getList()
		},
		methods:{
			leftBack() {
				uni.navigateBack();
			},
			getList(){
				this.$http({
					url: '/userOpt/getWithDrawList',
					data: {
						page: 1,
						row: 20
					}
				}).then(res=> {
					if(res.data.list.length>0){
						this.page++
						this.list.push(...res.data.list);
					}
				})
			}
		},
		onReachBottom() {
			this.getList()
		}
	}
</script>

<style>
</style>
